<template>
	<view class="fui-menu-group" >
		<navigator @tap="navigate" :style="'background:' + diyitem.style.background + ';margin-top:' + diyitem.style.margintop +'rpx'" class="fui-menu-item" :data-phone="childitem.phone" :data-url="childitem.linkurl" v-for="(childitem, index) in diyitem.data" :key="index" wx:for-index="childid">
			<i class="icox" :class="childitem.iconclass" :style="'color:' + childitem.iconcolor + ';'"></i>
			<text :style="'color:' + childitem.textcolor + ';'">{{childitem.text}}</text>
		</navigator>
		<!-- <text class="line"></text> -->
	</view>
</template>
<script>
export default {
	props: {
		diyitem:{
			type: Object,
		}
	},
	methods:{
		navigate(e) {
			this.$emit('getMessage',e)
		},
	}
}
</script>
<style>
/* .line{
	width: 1rpx;
	height: 40rpx;
	position: absolute;
	background: #E2E2E2;
} */
.fui-menu-group{
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: space-around;
}
.fui-menu-item{
	flex: 1;
	padding: 15rpx 0;
	text-align: center;
	border: 1px solid white;
}
</style>